<template>
 <div>
   <el-berad></el-berad>
   <m-list @edit='edit' class="list"></m-list>
   <m-dialog :dialogInfo='dialogInfo' @cancel='cancel' ref="memberInfo"></m-dialog>
 </div>
</template>

<script>
import mList from './list'
import mDialog from './dialog'
export default {
 data() {
  return {
     dialogInfo:{
      isShow:false,
      isAdd:true
    }
  }
 },
 components:{
   mList,
   mDialog
 },
 methods:{
    add(){
     this.dialogInfo.isShow = true
     this.dialogInfo.isAdd = true
   },
   cancel(e){
     this.dialogInfo.isShow = e
   },
   edit(e){
     this.dialogInfo.isShow = true
     this.dialogInfo.isAdd = false
     this.$refs.memberInfo.lookup(e)
   }
 }
}
</script>

<style lang="" scoped>
.list{
  margin-top: 30px;
}

</style>
